<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js" charset="utf-8" ></script>
<title>차트</title>
<script type="text/javascript">
$(function(){
	// Create an array of styles.
	var styles = [
	              {
            	    "elementType": "labels",
            	    "stylers": [
            	      { "visibility": "off" }
            	    ]
            	  },{
            	    "featureType": "administrative",
            	    "elementType": "geometry",
            	    "stylers": [
            	      { "visibility": "off" }
            	    ]
            	  },{
            	    "featureType": "poi",
            	    "elementType": "geometry.fill",
            	    "stylers": [
            	      { "visibility": "off" }
            	    ]
            	  },{
            	    "featureType": "road",
            	    "stylers": [
            	      { "visibility": "off" }
            	    ]
            	  },{
            	    "featureType": "transit",
            	    "stylers": [
            	      { "visibility": "off" }
            	    ]
            	  },{
            	    "featureType": "landscape",
            	    "stylers": [
            	      { "color": "#808080" }
            	    ]
            	  }
            	];
	
	// Create a new StyledMapType object, passing it the array of styles,
	// as well as the name to be displayed on the map type control.
	var styledMap = new google.maps.StyledMapType(styles,
	  {name: "Styled Map"});
	
	// Create a map object, and include the MapTypeId to add
	// to the map type control.
	var mapOptions = {
	  zoom: 2,
	  center: new google.maps.LatLng(26, 150),
	  mapTypeControlOptions: {
	    mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
	  },
	  minZoom : 2,
	  maxZoom : 19
	};
	var map = new google.maps.Map(document.getElementById('map-canvas'),
	  mapOptions);
	
	//Associate the styled map with the MapTypeId and set it to display.
	map.mapTypes.set('map_style', styledMap);
	map.setMapTypeId('map_style');
	
	
	
	var layer = new google.maps.FusionTablesLayer({
	    	query: {
		      select: 'geometry',
		      from: '1aYT5wMCKJqL1VJFCMV9Ck7FqybbPaoxdvPstPPY',
		      where: 'name = \'China\''
		    }
	  	});
    layer.setMap(map);
	  
	  
});
</script>
</head>
<body>
<div id="map-canvas" style="height: 700px;"></div>
</body>
</html>